@charset "utf-8";

/*缁熶竴鐨勬牱寮?/

/* reset */
*{margin:0;padding:0;list-style:none;box-sizing: border-box} /*榛樿澶栬竟璺 鍜 鍐呰竟璺?/ /*鍘诲渾鐐?/
img{border:none;  max-width: 100%;vertical-align: bottom}

table {border-collapse:collapse;} /*杈规浼氬悎骞朵负涓€涓崟涓€鐨勮竟妗?/ /**/
button,input,select,textarea{font-size:100%;}/* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*瀛椾綋绯诲垪 瀛椾綋澶у皬 瀛椾綋鏍峰紡 瀛椾綋绮楃粏 閮界户鎵跨埗鍏冪礌*/
address,cite,dfn,em,var{font-style:normal;} /* 灏嗘枩浣撴壎姝 */
/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*杈规闃村奖*/  /*杞粨鍙栨秷*/
/* link */
a{text-decoration:none; color: inherit; }  /*娓呴櫎瓒呴摼鎺ョ殑涓嬪垝绾?/
a:hover{text-decoration:none;}
.clear{clear: both;}  /*娓呴櫎娴姩*/
/*缁熶竴鐨勬牱寮?/
body {
    margin: 0px auto;
    font-family:  "寰蒋闆呴粦", "Microsoft YaHei", "SimSun", "瀹嬩綋";
    background-color: #FFFFFF;
    min-width: 320px;
    font-size: 14px;
    line-height: 200%; 
    letter-spacing: 1px;
    position: relative; 

}
.fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: .2s;
    animation-fill-mode: both; 
}
@keyframes fadeInUp {
  0%{
    opacity: 0;
    transform:translateY(60px);
  }
  100%{
    opacity: 1;
    transform:translateY(0);
  }
}


/*@media only screen and (min-width: 1200px) { .layout{max-width: 1200px; margin: 0 auto;}}*/
/*@media only screen and (max-width: 1200px){ .layout{max-width: 1024px; padding: 0 2%;margin: 0 auto;}}*/
/*@media only screen and (max-width: 768px){ .layout{width: 100%;padding:0 3%;margin:0 auto;}}*/
.liu-center { width: 100%;max-width: 1596px; margin: 0 auto;padding-left:2%;padding-right: 2%; }
.layout {max-width: 1280px; margin: 0 auto;padding-left: 2%;padding-right:2%;}
/*-------------------------------棣栭〉鏍峰紡寮€濮?-------------------------------------------------*/
header{position: relative;}
.h-top{width: 100%;height: 100%;display: flex;justify-content: space-between;align-items:center;}
.h-top>a {width: 45%;}
.h-top>a img {min-width: 150px;max-height: 125px;}
.h-top p {font-size: 30px;color: #000000;margin-left: -10%;}
.h-top p span {display: block;margin-bottom: 10px;}
.h-top p span:nth-of-type(2){margin-left:-27px;margin-top: 12px;}

.h-top h5 span{display: block;color: #4e4e4e;font-size: 16px;font-weight: normal;}
.h-top h5 b {font-size: 26px;color: #1467b1;display: block;margin-top: 3%;}
.h-top p span b {font-weight: normal;}
.h-banner .swiper-box1 .swiper-pagination-bullet {outline: none;}
.h-banner .swiper-box1 .swiper-pagination-bullet-active {background-color: #1467b1;border: none;}
.h-banner { width: 100%; position: relative; height: 6.58rem; }
.h-banner .swiper-container{width: 100%;height: 100%;}
.h-banner .swiper-wrapper { width: 100%; }
.h-banner .swiper-wrapper .swiper-slide { width: 100%; position: relative; }
.h-banner .swiper-wrapper .swiper-slide img { width: 100%; object-fit: cover; height: 100%; }
.h-nav{width: 100%;height: 55px;position: absolute;top:0;left:0;background-color: rgba(255, 255, 255, .5);z-index: 2;}
.h-nav figure{width: 100%;height: 100%;display: flex;align-items: center;}
.h-nav figure ul {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
.h-nav figure ul li {font-size: 16px;color: #4e4e4e;height: 100%;line-height: 55px;transition: .3s;width: 130px;text-align: center;}
.h-nav figure ul li a {width: 100%;height: 100%;display: block;font-size: 16px;}
.h-nav figure figcaption{width: 70px;text-align: right;}
.h-nav figure figcaption a{display: inline-block;padding-left:14%;}
.h-nav figure figcaption a:nth-of-type(2){position: relative;}
.h-nav figure figcaption a:nth-of-type(2)::before {position: absolute;left:3%;content: "";background-color: #4e4e4e;width: 1px;height: 90%;top:5px;}
.h-nav figure ul .li_act{color: #ffffff;background-color: #1467b1;}
.h-nav figure ul li:hover {color: #ffffff;background-color: #1467b1;}
.h-nav figure figcaption a img{transition: .3s;}
.h-nav figure figcaption a img:hover {background-color: rgba(0,0,0, .3);}
.nav_btn_open span { width: 0 !important; }
.nav_btn_open span::before { top: 0 !important; transform: rotate(45deg); }
.nav_btn_open span::after { top: 0 !important; transform: rotate(-45deg); }



.m-box1-top {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
.m-box1-top p {background-color: #1467b1;color:#fefefe; display: flex;justify-content: center;flex-direction: column;padding:4% 2%;align-items: start;}
.m-box1-top p b {font-size: .30rem;font-weight:normal;display: block;}
.m-box1-top p span {font-size:16px;text-transform: uppercase;display: block;margin-top:2%;}
.m-box1-top .m-box1-search{width: 615px;}
.m-box1-top .m-box1-search span {display: block;font-size: 16px;color: #373737;}
.m-box1-top .m-box1-search span b {font-size: .2rem;color: #373737;}
.m-box1-top .m-box1-search form{width: 100%;height: 42px;position: relative;margin-top: 2%;}
.m-box1-top .m-box1-search form .p-word{width: 100%;height: 100%;outline: none;border:1px solid #ddd;background-color: transparent;font-size: 14px;color: #888888;padding-left: 10%;}
.m-box1-top .m-box1-search form .p-button{position: absolute;top:0;right: 0;background-color: #065eac;border:none;width: 60px;height: 100%;color: #ffffff;font-size: 14px;text-align: center;}
.m-box1-top .m-box1-search ul {display: flex;justify-content: flex-start;align-items:center;width: 100%;margin-top: 2%;}
.m-box1-top .m-box1-search form::before {position: absolute;background: url(../img/lanmu-img.png)no-repeat;width:20px;height: 18px;content: "";top:30%;left: 2%; }
.m-box1-top .m-box1-search form::after {position: absolute;content: "";top:25%;background: #ddd;width: 1px;height: 55%;left: 7%;}
.m-box1-top .m-box1-search ul li {font-size: 14px;color: #4e4e4e;}
.m-box1-top .m-box1-search ul li a {display: inline-block;width: 100%;height: 100%;position: relative;padding: 0 10px;}
.m-box1-top .m-box1-search ul li a:after {position: absolute;content: "";background: #4e4e4e;width: 1px;height: 70%;top:15%;right:-2px;}
.m-box1-top .m-box1-search ul li:last-of-type a:after {position: static;}
.m-box1-contain{width: 100%;background: url(../img/m-box1-bg.jpg)no-repeat;background-size: cover;}
.m-box1-contain figure{width: 100%;}
.m-box1-contain figure .swiper-container{width: 100%;}
/*.m-box1-contain figure .swiper-container ul{display: flex;justify-content: space-between;flex-wrap: wrap;}*/
.m-box1-contain figure .swiper-container ul li {width: 14.28%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.m-box1-contain figure .swiper-container ul li:last-of-type>div {border-right: none;}
.m-box1-contain figure .swiper-container ul li a p {font-size: .16rem;color: #4e4e4e;padding:22% 2%;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-box1-contain figure .swiper-container ul li a span {font-size: .18rem;color: #1467b1;padding:0 4%;opacity: 0;transition: .5s;display: flex;justify-content: space-between;align-items: center;height: 1.8rem;}
.m-box1-contain figure .swiper-container ul li a span b {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.m-box1-contain figure .swiper-container ul li a>div {border-right: 1px solid #ddd;width: 100%;position: relative;padding: 56% 0;overflow: hidden;}
.m-box1-contain figure .swiper-container ul li a>div img {width: 100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.m-box1-contain figure .swiper-container ul li:hover a span {opacity: 1;}
.m-box1-contain figure .swiper-container ul li:hover a p {color:#1467b1 ;}
.m-box1-contain figure .swiper-container ul li:hover{background:rgba(255, 255, 255, .5);}
.m-box1-contain figure .swiper-container ul li a {width: 100%;display: block;}
.m-box1-contain figure .swiper-container ul .abc span {opacity: 1;}
.m-box1-contain figure .swiper-container ul .abc p {color:#1467b1; }
.m-box1-contain figure .swiper-container ul .abc{background:rgba(255, 255, 255, .5);}
.m-box2{width: 100%;height: 100%;background-color: #f7f7f7;padding:4% 0 3% 0;}
.m-box2 span {display: block;color: #cccccc;font-size: .28rem;text-align: center;text-transform: uppercase;}
.m-box2 h5 {position: relative;display: flex;justify-content: center;align-items: center;margin-top: 2%;}
.m-box2 h5 b {font-size: .3rem;color: #005baa;position: relative;background-color: #f7f7f7;padding:0 3%;}
.m-box2 h5::before{position: absolute;background-color: #1467b1;width: 30%;height: 1px;content: "";}
.m-box2 ul {margin-top: 4%;width: 100%;}
.m-box2 ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;}
.m-box2 ul li:nth-of-type(3){margin-right: 0;}
.m-box2 ul li:nth-of-type(1) a>div {width: 100%;height: 100%;position: relative;overflow: hidden;padding:71% 0;}
.m-box2 ul li:nth-of-type(1) a>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;}
.m-box2 ul li  a>div {width: 100%;height: 100%;position: relative;overflow: hidden;padding:34% 0;}
.m-box2 ul li a>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;transition: .5s;}
.m-box2 ul li:last-of-type {margin-right: 0;}
.m-box2 ul li p {position: absolute;bottom: 0;left: 0;background-color: rgba(0, 0, 0, .6);color: #ffffff;font-size: 14px;text-align: center;width: 100%;padding:1% 0;transition: .5s;}
.m-box2 ul li:hover a>div img{transform: scale(1.1);}
.m-box2 ul li:hover p {bottom: 3%;}
.m-box3 {width: 100%;height: 100%;background-color: #ffffff;display: flex;justify-content: space-between;padding-bottom: 3%;align-items: flex-end;}
.m-box3>div {width: 50%;height: 100%;position: relative;padding:15% 0;overflow: hidden;}
.m-box3>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;}
.m-box3 figure{width: 50%;height: 100%;padding-left:18%;padding-top: 3%;}
.m-box3 figure span {font-size: .36rem;color: #cccccc;text-transform: uppercase;display:block;}
.m-box3 figure h5 {font-weight: normal;font-size: .3rem;color: #005baa;margin-top:2%;}
.m-box3 figure p {font-size: 14px;color: #030000;margin-top: 3%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;padding-right: 8%;}
.m-box3 figure>div {width:100%;margin-top: 3%;text-align: right;display: flex;justify-content: flex-end;padding-right: 8%;}
.m-box3 figure>div a{width: 25%;height: 100%;display: block;border:1px solid #1467b1;color: #1467b1;font-size: 14px;text-align: center;padding:1% 0;transition: .3s;}
.m-box3 figure>div a:hover{border:1px solid #1467b1;background-color:#1467b1;color: #FFFFFF; }
.m-box3 figure ul {width: 100%;height: 100%;display: flex;justify-content: space-between;margin-top: 3%;padding-right: 3%;}
.m-box3 figure ul li {width: 32%;height: 100%;position: relative;padding:14% 0;overflow: hidden;}
.m-box3 figure ul li img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;transition: .5s;}
.m-box3 figure ul li:hover img {transform:scale(1.1);}
.m-box4{width: 100%;height:100%;background:url(../img/m-box4-bg.png)no-repeat;padding:2% 0;background-size: 100% 100%;}
.m-box4 figure{display: flex;justify-content: space-between;}
.m-box4 figure span {display: block;font-size: .36rem;color: #ffffff;font-weight: bold;text-transform:uppercase;margin-bottom:12%;}
.m-box4 figure h6 {font-size: .2rem;color: #feffff;font-weight: normal;margin-top: 4%;}
.m-box4 figure ul {display: flex;width: 70%;height: 100%;}
.m-box4 figure ul li{width: 23%;height: 100%;margin-right: 2%;}
.m-box4 figure ul li:last-of-type{margin-right: 0;}
.m-box4 figure ul li a{width: 100%;height: 100%;display: block;position: relative;padding:38% 0;overflow: hidden;}
.m-box4 figure ul li a img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: contain;transition: .3s;}
.m-box4 figure ul li a img:hover{transform: scale(1.1)}
.m-box5 {width: 100%;height: 100%;background-color: #f7f7f7;padding:4% 0 2% 0;}
.m-box5 .m-box5-con {width: 100%;height: 100%}
.m-box5-top span {display: block;color: #cccccc;font-size: .28rem;text-align: center;text-transform: uppercase;}
.m-box5-top h5 {position: relative;display: flex;justify-content: center;align-items: center;margin-top: 2%;}
.m-box5-top h5 b {font-size: .3rem;color: #005baa;position: relative;background-color: #f7f7f7;padding:0 20px;}
.m-box5-top h5::before{position: absolute;background-color: #1467b1;width: 30%;height: 1px;content: "";}
.m-box5 .m-box5-con ul {margin-top:5%;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 4%;}
.m-box5 .m-box5-con ul>li{width: 48%;}
.m-box5 .m-box5-con ul>li figure{width: 100%;}
.m-box5 .m-box5-con ul>li figure>div {width: 100%;margin-bottom: 0.5%;}
.m-box5 .m-box5-con ul>li figure span {font-size: .24rem;color: #005baa;font-weight: bold;background:url(../img/m-box5-bg.png)no-repeat;background-size: 100% 100%;padding:1% 30% 1% 6%;margin-left:2%;}
.m-box5 .m-box5-con ul>li figure ol {width: 100%;border: 1px solid #ddd;padding:3% 2% 3% 5%;background-color: #f2f6f9;}
.m-box5 .m-box5-con ul>li figure ol li{font-size:14px;color:#6d6d6d;position: relative; list-style-image:url(../img/shixin.jpg);}
.m-box5 .m-box5-con ul>li figure figcaption{padding-left: 3%;width: 100%;display: flex;justify-content: flex-end;margin-top:-13%;}
.m-box5 .m-box5-con ul>li figure figcaption{width: 100%;object-fit: contain;}
.m-box5 .m-box5-con ul>li:nth-of-type(3) figure figcaption{margin-top: -19%;}
.m-box5 .m-box5-con ul>li:nth-of-type(5) {width: 100%;margin-top: 4%;display: flex;justify-content:space-between;align-items: center;}
.m-box5 .m-box5-con ul>li:nth-of-type(5) figure{width: 48%;}
.m-box5 .m-box5-con ul>li:nth-of-type(5) figcaption{width: 48%;display: flex;justify-content: center;align-items: center;}
.m-box5 .m-box5-ph {width: 100%;height: 2.49rem;background:url(../img/m-box5-phone.jpg)no-repeat;background-size: cover;padding-bottom:10px;}
.m-box5 .m-box5-ph p {font-size: .26rem;color: #ffffff;width: 50%;height: 100%;display: flex;justify-content:flex-end;align-items: flex-end;}
.m-box5 .m-box5-ph p b {font-size: .42rem;}
.m-box6{width: 100%;height: 100%;background-color: #ffffff;padding:3% 0;}
.m-box6>div {width: 100%;height: 100%;}
.m-box6>div .m-box6-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 3%;}
.m-box6>div .m-box6-top p span{font-size: .28rem;color: #cccccc;display: block;letter-spacing: 2px;text-transform:uppercase;}
.m-box6>div .m-box6-top p b{font-size: .3rem;color: #005baa;margin-top:2%;display: block;}
.m-box6>div .m-box6-top ul {display: flex;width: 50%;justify-content: flex-end;}
.m-box6>div .m-box6-top ul li {color: #4e4e4e;font-size: 16px;transition: .3s;margin-left:6%;}
.m-box6>div .m-box6-top ul .li_act {color: #005baa;}
.m-box6>div .m-box6-top ul li:hover {color: #005baa;}
.m-box6>div figure {width: 100%;height: 100%;display: flex;justify-content: space-between;}
.m-box6>div figure>div {width: 25%;height: 100%;position: relative;padding:13% 0;overflow: hidden;}
.m-box6>div figure>div p {position: absolute;background-color: rgba(0, 0, 0, .6);width: 100%;left: 0;bottom: 0;padding:2%;font-size: 14px;color: #ffffff;display: flex;justify-content: space-between;transition: .3s;}
.m-box6>div figure>div p span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 2%;}
.m-box6>div figure>div img {width: 100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;transition: .3s;}
.m-box6>div figure ul {width: 68%;display: flex;justify-content: space-between;padding-top: 3%;border-top: 2px solid #d4d4d4;}
.m-box6>div figure ul li {width: 32%;}
.m-box6>div figure ul li a {width: 100%;height: 100%;display: block;}
.m-box6>div figure ul li a b {font-size: .36rem;color: #cccccc;display: block;transition: .3s;}
.m-box6>div figure ul li a time {font-size: 16px;color: #4e4e4e;display: block;margin:3% 0;}
.m-box6>div figure ul li a h5 {font-size: 16px;font-weight: normal;padding-bottom:3%;width: 100%;border-bottom: 1px solid #ddd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .5s;}
.m-box6>div figure ul li a p {font-size: 14px;color: #4e4e4e;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 3% 0;}
.m-box6>div figure ul li a i {color: #4e4e4e;transition: .3s;}
/*.m-box6>div figure>div:hover p{bottom: 4%;}*/
.m-box6>div figure>div:hover img {transform: scale(1.1);}
.m-box6>div figure ul li:hover a b{color: #1467b1;}
.m-box6>div figure ul li:hover a h5{color: #1467b1;}
.m-box6>div figure ul li:hover a i{color: #1467b1;font-size: 20px;}
.m-box7{width: 100%;height: 100%;background:url(../img/m-box7-bg.jpg)no-repeat;background-size:cover;padding:4% 0;}
.m-box7>div {width: 100%;height: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.m-box7>div .m-box7-left{width: 30%;height: 100%;}
.m-box7>div .m-box7-right{width: 65%;height: 100%;}
.m-box7>div .m-box7-left h5 {font-size: 16px;color: #3074b7;}
.m-box7>div .m-box7-left ul {margin-top:2%;width: 100%;height: 100%;}
.m-box7>div .m-box7-left ul li {background-color: #ffffff;padding:3% 3% 5% 3%;width: 100%;margin-bottom: 2%;}
.m-box7>div .m-box7-left ul li a {width:100%;height: 100%;display: block;}
.m-box7>div .m-box7-left ul li a span {font-weight: bold;font-size:16px;color: #4e4e4e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;width: 100%;border-bottom:1px solid #bfbfbf;padding-bottom:2%;}
.m-box7>div .m-box7-left ul li a span b{color: #3074b7;}
.m-box7>div .m-box7-left ul li a p {font-size: 14px;color: #4e4e4e;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top:2%;}
.m-box7>div .m-box7-left ul li a p b {color: #ef0d01;font-size: 16px;}
.m-box7-right>h5 {font-size: 16px;color: #3074b7;}
.m-box7-right>p {font-size: 14px;color: #4e4e4e;}
.m-box7-right form{position: relative;justify-content: flex-start;}
.m-box7-right form figure{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%;}
.m-box7-right form input{background-color: #ffffff;border:1px solid #bfbfbf;width: 100%;padding:4% 0;margin-bottom:4%;padding-left: 10%;}
.m-box7-right form input::-webkit-input-placeholder{padding-left: 20%;color:#c8c8c8;font-size: 14px;}
.m-box7-right form figure>div{position: relative;width: 48%;}
.m-box7-right form figure>div p {position: absolute;top:19%;left: 2%;}
.m-box7-right form figure .f-online p{left:1%;}
.m-box7-right form textarea {width: 100%;padding:2% 0 10% 2%;background-color: #ffffff;border:1px solid #bfbfbf;margin-bottom: 2%;padding-left: 10%;}
.m-box7-right form .f-online{width: 100%;}
.m-box7-right form textarea::-webkit-input-placeholder{padding-left: 20%;color:#c8c8c8;font-size: 14px;}
.m-box7-right form .f-online p {top:5%;}
.m-box7-right form button {width: 25%;padding:2% 0;background-color: #ffffff;border:1px solid #bfbfbf;margin-right: 2%;font-size: 14px;color: #4e4e4e;}
.m-box7-right form button:hover {background-color: #1467b1;color: #ffffff;}
footer {width: 100%;height: 100%;background-color: #1467b1;padding-top:3%;}
.foot-box .foot-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;color: #ffffff;padding-bottom: 3%;border-bottom: 2px solid #cccccc;}
.foot-box .foot-top .fo-top-left{width:30%;border:1px solid #ffffff;position: relative;}
.foot-box .foot-top .fo-top-left p {position: absolute;font-size: 16px;top:-6%;left: 0;min-width: 135px;background-color:#1467b1;text-align: center; }
.foot-box .foot-top .fo-top-left ul {width: 100%;padding: 6% 2% 6% 4%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;height:auto;}
.foot-box .foot-top .fo-top-left ul li {width:auto;margin-bottom:3%;font-size: 14px;margin-right: 5px;}
.foot-box .foot-top .fo-top-left ul li a{display: block;transition: .3s;}
.foot-box .foot-top .fo-top-left ul li a:hover {color: #ef0d01;}
.foot-box .foot-top .fo-top-center a{max-height: 50px;width: 445px;display: block;margin-bottom: 6%;}
.foot-box .foot-top .fo-top-center h5 {font-size: 18px;margin-bottom: 3%;}
.foot-box .foot-top .fo-top-center p {font-size: 14px;}
.foot-box .foot-top .fo-top-right span{display: block;font-size: 14px;text-align: center;}
.foot-box .foot-top .fo-top-right p img {width: 135px;height: 135px;object-fit: contain;}
.foot-bottom{padding:1% 0;width: 100%;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #ffffff;}
.foot-bottom a {margin-left: 2%;transition: .3s;display: flex;justify-content: center;align-items: center;}
.foot-bottom a:hover {color: #ef0d01;}
.fo-top-center{padding-left: 10%;border-left: 1px solid #cccccc;}
/*------------------------------------------铏圭浼佷笟-------------------------------------------------------------------------------------------*/
.all-banner{width: 100%;height:100%;position: relative;padding:14% 0;overflow: hidden;}
.all-banner>img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;}
.bgf7 { background-color: #f7f7f7;padding-bottom: 3%;}
.all-top-nav{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-top:1%;padding-bottom: 1%;}
.all-top-nav .dh-left ul {display: flex;}
.all-top-nav .dh-left ul li {font-size: 14px;color: #7f7f7f;}
.all-top-nav .dh-left ul li a{transition: .3s;}
.all-top-nav .dh-left ul li a:hover {color: #1467b1;}
.all-top-nav .dh-right{display: flex;}
.all-top-nav .dh-right ul {display: flex;padding-right: 20px;}
.all-top-nav .dh-right ul li {color: #7f7f7f;font-size: 14px;}
.all-top-nav .dh-right ul li a{display: inline-block;width: 100%;height: 100%;position: relative;padding:0 5px;transition: .3s;}

.all-top-nav .dh-right ul li a:hover {color:#1467b1;}
.all-top-nav .dh-right ul li a:after {position: absolute;content: "";background: #4e4e4e;width: 1px;height: 70%;top:15%;right:-2px;}
.all-top-nav .dh-right ul li:last-of-type a:after {position: static;}
.all-top-nav .dh-right form{position: relative;}
.all-top-nav .dh-right form>p {color: #7f7f7f;border:none;background-color: transparent;}
.all-top-nav .dh-right form>p i {padding-right: 3px;}
.all-top-nav .dh-right form .fr-xiala{position: absolute;top:48px;right: 2px;background-color: #f7f7f7;padding:10px;display: none;}
.all-top-nav .dh-right form .fr-xiala input {width: 165px;height: 35px;border:1px solid #ddd;background-color: transparent;margin-bottom:5px;}
.all-top-nav .dh-right form .fr-xiala input::-webkit-input-placeholder{padding-left:40px;color: #bbbbbb;font-size: 14px;}
.all-top-nav .dh-right form .fr-xiala button {width: 165px;height: 35px;border:1px solid #1467b1;background-color: transparent;color: #1467b1;}
.ab-box{background-color: #ffffff;width: 100%;height: 100%;padding-top: 3%;padding-bottom: 3%;}
.ab-box span {font-size: .36rem;color: #cccccc;text-transform: uppercase;text-align: center;display: block;}
.ab-box h5 {font-size: .3rem;font-weight: normal;text-align: center;margin:2% 0 3% 0;}
.ab-box .ab-title {display: flex;justify-content: center;align-items: center;margin-bottom:2%;flex-wrap: wrap;}
.ab-box .ab-title li{font-size: 14px;color: #4e4e4e;border:1px solid #dcdcdc;transition: .3s;margin-bottom: 1px;}
.ab-box .ab-title li a {display: block;width: 100%;height: 100%;padding:5px 20px;}
.ab-box .ab-title li:hover {background-color: #1467b1;color: #ffffff;}
.ab-box p {color: #030000;font-size: 14px;text-indent: 2em;line-height: 1.5em;padding:0 2%;}
.ab-box .ab-title .li_act{background-color: #1467b1;color: #ffffff;}
.ab-box>div {width: 100%;height: 100%;position: relative;overflow: hidden;padding: 23% 0;margin-top: 2%;}
.ab-box>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;}
.ab-box .ab-img{margin-top: 3%;padding:0 3%;display: flex;justify-content: space-between;}
.ab-box .ab-img li {width:30%;height: 100%;position: relative;overflow: hidden;padding: 6% 0;}
.ab-box .ab-img li img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;transition: .5s;cursor: pointer;}
.ab-box .ab-img li:hover img {transform:scale(1.1);}
.ab-culture{width: 100%;height: 100%;background:url(../img/a-wenhua-bg.jpg)no-repeat;background-size:cover;padding:3% 0 6% 0;margin-top:2%;}
.ab-culture figure{color: #ffffff;}
.ab-culture figure>span{font-size: .36rem;display: block;text-align: center;text-transform: uppercase;}
.ab-culture figure>h5{font-size: .30rem;font-weight: normal;text-align: center;margin: 2% 0;}
.ab-culture figure ul {display: flex;padding:0 3%;justify-content: space-between;align-items: center;}
.ab-culture figure ul li {width: 25%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ab-culture figure ul li>div{width: 50%;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;border:1px solid #ffffff;padding:10% 0;cursor: pointer;}
.ab-culture figure ul li>div b {font-size: 16px;margin-top: 5%;display: block;}
.ab-culture figure ul li span {font-size: 14px;margin-top: 5%;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ab-culture figure ul li>div:hover {transform: rotate(360deg);transition: .3s;}
.ab-honor{width: 100%;height:100%;padding-top: 3%;}
.ab-honor span {font-size: .36rem;color: #cccccc;text-align: center;display: block;text-transform: uppercase;}
.ab-honor h5 {color: #4e4e4e;font-size: .3rem;text-align: center;font-weight: normal;margin-top: 1%;margin-bottom:4%;}
.ab-honor .ab-honor-lb{padding:0 3%;position: relative;margin-bottom:4%;}
.ab-honor .ab-honor-lb .swiper-honor{width: 100%;}
.ab-honor .ab-honor-lb .swiper-honor ul {width: 100%;height: 100%;}
.ab-honor .ab-honor-lb .swiper-honor ul li {width: 23%;height: 100%;}
.ab-honor .ab-honor-lb .swiper-honor ul li a>div {width:100%;height: 100%;position: relative;padding:34% 0;overflow: hidden;}
.ab-honor .ab-honor-lb .swiper-honor ul li a>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: contain;}
.navigation-honor{z-index:2;position: absolute;width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: 40px;color: #333333;left: 0;top:33%;}
.ab-honor .ab-honor-lb .swiper-honor ul li p {font-size:14px;color: #4e4e4e;text-align: center;margin-top: 3%;}
.navigation-honor i {outline: none;}
.navigation-honor:hover i {cursor: pointer;}
/*-----------------------------浜у搧涓績-----------------------------------------*/

.alltile {width: 100%;padding:3% 0;}
.alltile span {font-size: .36rem;color: #cccccc;display: block;text-align: center;text-transform: uppercase;letter-spacing: 2px;}
.alltile h5 {font-size: .3rem;color: #4e4e4e;text-align: center;font-weight: normal;margin-top: 2%;}
.pro-box {width: 100%;height: 100%;padding:0 3%;background-color: #ffffff;}
.pro-box .pro-nav{width: 100%;display: flex;justify-content: center;align-items: center;margin-bottom:3%;}
.pro-box .pro-nav li {width: 16%;height: 100%;border: 1px solid #ddd;transition: .3s;position: relative;font-size: 14px;color: #4e4e4e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-box .pro-nav li a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding:6% 0;}
.pro-box .pro-nav li:nth-of-type(1) a p {margin-left: 25%;}
.pro-box .pro-nav li a p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-box .pro-nav .li_act{background-color: #1467b1;color: #ffffff;}
.pro-box .pro-nav li:hover {background-color: #1467b1;color: #ffffff;}
.pro-box .pro-nav li:nth-of-type(1)::before{width: 30px;height: 30px;background-color: #ff0000;color: #ffffff;border-radius: 50%;content: "鏂?;position: absolute;line-height: 30px;text-align: center;left:4%;top:19%;}
.pro-box .pro-en li:nth-of-type(1)::before{left:5px!important;}
.pro-box .pro-en li{padding: 5px;}
.pro-box .pro-contain{width: 100%;height: 100%;display: flex;justify-content: space-between;align-items:center;flex-wrap: wrap;}
.pro-box .pro-contain li {width: 30%;margin-bottom: 4%;}
.pro-box .pro-contain li a{width: 100%;height: 100%;display: block;}
.pro-box .pro-contain li a figure>div{width: 100%;padding:0 10%;}
.pro-box .pro-contain li a figure>div p {width: 100%;height: 100%;position: relative;padding:44% 0;overflow: hidden;}
.pro-box .pro-contain li a figure>div p img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: contain;}
.pro-box .pro-contain li a figure figcaption{width: 100%;padding:30% 0% 4% 0%;background-color:#ededed;color: #4e4e4e;font-size:14px;margin-top:-23%;transition: .3s;}
.pro-box .pro-contain li a figure figcaption span {display: block;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:2% 3%;}
.pro-box .pro-contain li a figure figcaption p {text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:5% 3%;border-top: 1px solid #ddd;}
.pro-box .pro-contain li:hover a figure figcaption{background-color: #1467b1;color: #ffffff;}
.fenye{width: 100%;margin-bottom: 4%;display: flex;justify-content: center;align-items: center;}
.fenye ul {display: flex;}
.fenye ul li {margin-right: 3%;width: 45px;height: 40px;background-color: #cdcdcd;display: flex;justify-content: center;align-items: center;color: #ffffff;font-size: 16px;transition: .3s;}
/*.fenye .fen-xun{width: 80px;background-color: #ffffff;border:1px solid #ddd;height: 40px;outline: none;}*/
.fenye select{width: 80px;background-color: #ffffff;border:1px solid #ddd;height: 40px;outline: none;}
.fenye ul li:hover { background-color:#1467b1;}
.product{padding-bottom: 3%;}
/*---------------------------------浜у搧绯荤被--------------------------------------------------------------------*/
.pro-xilie{width: 100%;height: 100%;display: flex;align-items:center;flex-wrap: wrap;}
.pro-xilie li {width: 24%;margin-bottom: 3%;margin-right: 1%;}
.pro-xilie li a{width: 100%;height: 100%;display: block;}
.pro-xilie li a figure>div{width: 100%;padding:0 10%;}
.pro-xilie li a figure>div p {width: 100%;height: 100%;position: relative;padding:44% 0;overflow: hidden;border: 1px solid #ddd;background-color: #FFFFFF;}
.pro-xilie li a figure>div p img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: contain;}
.pro-xilie li a figure figcaption{width: 100%;padding:30% 3% 4% 3%;background-color:#ededed;color: #4e4e4e;font-size:14px;margin-top:-23%;transition: .3s;}
.pro-xilie li a figure figcaption p {text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:5% 0;}
.pro-xilie li:hover a figure figcaption{background-color: #1467b1;color: #ffffff;}


/*-----------------------------------浜у搧璇︽儏-------------------------------------------------------------------------------*/
.pro-view-box1{width: 100%;height: 100%;display: flex;justify-content: space-between;margin-bottom: 3%;}
.pro-view-box1 .p-view-big{width:48%;height: 100%;overflow: hidden;position: relative;padding:13% 0;border:1px solid #ddd;}
.pro-view-box1 figure{width: 48%;height: 100%;}
.pro-view-box1 .p-view-big img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: contain;}
.pro-view-box1 figure h5 {font-size: 16px;color: #1467b1;font-weight: normal;padding-bottom: 2%;width: 100%;border-bottom: 1px solid #ddd;}
.pro-view-box1 figure>span {display: block;font-size:14px;color: #4e4e4e;margin:2% 0 4% 0;}
.pro-view-box1 figure .pro-view-lb{width: 100%;height: 100%;}
.pro-view-box1 figure .pro-view-lb .swiper-view{padding-bottom: 8%;}
.pro-view-box1 figure .pro-view-lb .swiper-view ul {width: 100%;}
.pro-view-box1 figure .pro-view-lb .swiper-view li {width: 32%;height: 100%;position: relative;padding:9% 0;overflow: hidden;border:1px solid #ddd;transition: .5s;cursor: pointer;}
.pro-view-box1 figure .pro-view-lb .swiper-view li:nth-of-type(3n+3){border-right:2px solid #ddd;}
.pro-view-box1 figure .pro-view-lb .swiper-view li img {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    object-fit: contain;
    padding-bottom: 25px;

}
.pro-view-box1 figure .pro-view-lb .swiper-view li h4{
    position: absolute;
    left:0;
    bottom: 0;
    right: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #4e4e4e;
}





.pro-view-box1 figure p a {width: 40%;padding:2% 0;border:1px solid #ddd;display: inline-block;text-align: center;font-size: 14px;color: #4e4e4e;transition: .3s;}
.pro-view-box1 figure p a:hover {background-color: #1467b1;color: #ffffff;}
.pro-view-box1 figure .pro-view-lb .swiper-view li:hover {box-shadow: 0px 0px 5px rgba(0,0,0, .3);}
.pro-view-box2{width: 100%;height: 100;margin-top:3%;}
.pro-view-box2>ul{display: flex;}
.pro-view-box2>ul li {width: 15%;padding:1% 0;border:1px solid #ddd;color: #4e4e4e;font-size: 14px;text-align: center;}
.pro-view-box2>ul .pro-li{background-color: #1467b1;color: #ffffff;}
.pro-view-box2 .pro-word{width: 100%;overflow: hidden;}
.pro-view-box2 .pro-word figure{width: 100%;height: 100%;background-color: #ffffff;padding: 4% 8% 8% 4%;font-size: 14px;color: #4e4e4e;display: none}
.pro-view-box2 .pro-word figure ul li {list-style-type:circle;}
.pro-view-box3{width: 100%;height: 100%;margin-top:3%;}
.pro-view-box3 h5 {font-size: 16px;color: #4e4e4e;font-weight: normal;text-align: center;width: 100%;padding-top:2%;border-top: 2px solid #ddd;margin-bottom: 3%;}
.pro-view-box3 ul {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.pro-view-box3 ul li {width: 23%;height: 100%}
.pro-view-box3 ul li a {width: 100%;height: 100%;display: block;}
.pro-view-box3 ul li a>div {width: 100%;height: 100%;padding:43% 0;position: relative;overflow: hidden;background-color: #ffffff;}
.pro-view-box3 ul li a>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: contain;transition: .3s;}
.pro-view-box3 ul li a p {text-align: center;color: #4e4e4e;font-size:16px;padding-top: 3%;transition: .3s;}
.pro-view-box3 ul li a>div:hover img {transform: scale(1.1);}
.pro-view-box3 ul li:hover a p{color: #1467b1;}

/*-------------------------------------鏂伴椈璧勮--------------------------------------------------------------------*/
.news-nav{display: flex;justify-content: center;flex-wrap: wrap;}
.news-nav li{font-size:14px;color: #4e4e4e;border:1px solid #ddd;margin-bottom: 2px;}
.news-nav li a{padding:5px 20px;display: block;transition: .3s;}
.news-nav li:hover {background-color: #1467b1;color: #ffffff;border:1px solid #1467b1;}
.news-nav .li_act{background-color: #1467b1;color: #ffffff;border:1px solid #1467b1;}
.news-contain {width: 100%;height: 100%;margin-top:2%;margin-bottom: 3%;}
.news-contain li a figure{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.news-contain li a figure>div {width: 25%;height: 100%;position: relative;padding:8% 0;overflow: hidden;}
.news-contain li a figure>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;}
.news-contain li a figure figcaption{width: 70%;height: 100%;}
.news-contain li{
	visibility: visible;
    transition: all .6s, visibility .3s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: .2s;
    animation-fill-mode: both; 
    padding: 3% 0;
    border-bottom: 1px solid #ddd;
}
.news-contain li a figure figcaption b {font-size: .36rem;color: #d9d9d9;display: block;transition: .3s;}
.news-contain li a figure figcaption time {font-size: .16rem;color: #4e4e4e;display: block;margin-top: 1%;}
.news-contain li a figure figcaption h5 {font-size: .16rem;color: #4e4e4e;transition: .3s;font-weight: normal;padding-right: 5%;display: inline-block;margin-top: 1%;padding-bottom:2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #ddd;}
.news-contain li a figure figcaption p {font-size:14px;color: #4e4e4e;margin:1% 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-contain li a figure figcaption i {color: #1467b1;transition: .3s;}
.news-contain li:hover a figure figcaption b{color: #1467b1;}
.news-contain li:hover a figure figcaption h5{color: #1467b1;}
.news-contain li:hover a figure figcaption i{font-size: 20px;}
.news-contain li a figure>div:after {content: ""; position: absolute; left: -300px; top: 0; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform: skewx(-25deg); transition: 0s;}
.news-contain li:hover a figure>div:after {left: 300px; width: 200px; transition: .5s;}
/*-----------------------------鏂伴椈璇︽儏----------------------------------------------------------*/
.news-view-box{width: 100%;margin-top: 4%;}
.news-view-box h5 {font-size: 18px;color: #4e4e4e;text-align: center;}
.news-view-box dl {display: flex;font-size: 14px;color: #4e4e4e;margin-top:1%;justify-content: center;align-items: center;}
.news-view-box dd {margin-right: 15px;}
.news-view-box ul {display: flex;font-size: 14px;color: #4e4e4e;justify-content: center;align-items: center;padding-bottom: 2%;border-bottom: 1px solid #ddd;}
.news-view-box ul li:nth-of-type(1){position: relative;}
.news-view-box ul li:nth-of-type(1)::before{position: absolute;content: "";width: 12px;height: 12px;background:url(../img/fenx.png)no-repeat;left: -35%;top:30%;}
.news-view-box .news-views-word p {font-size: 16px;color: #4e4e4e;text-indent:2em;}
.news-view-box .news-views-word{padding-top: 2%;}
.news-view-box .news-views-word>div a{display: block;color: #4e4e4e;font-size: 14px;transition: .3s;}
.news-view-box .news-views-word>div{padding-top: 2%;width: 100%;border-top: 1px solid #ddd;padding-left: 2%;margin-top: 2%;}
.news-view-box .news-views-word>div a:hover {color: #1467b1;}

/*-------------------------------------------鎷涘晢鍔犵洘-------------------------------------------------------------------------------*/
.join-box{padding-bottom: 7%;}
.join-box p {color: #4e4e4e;font-size: 14px;}
.join-box h5 {color: #4e4e4e;font-size: 14px;margin-top: 3%;}
.join-box ul{}
.join-box ul li {font-size: 14px;color: #6d6d6d;list-style-image:url(../img/join-xin.jpg);margin-left: 2%;}


/*-----------------------宸ョ▼妗堜緥---------------------------------------------------------------------*/

.case-box ul {width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.case-box ul li {width: 24%;margin-bottom:3%;margin-right: 1%;}
.case-box ul li a {width: 100%;height: 100%;display: block;}
.case-box ul li a>div {width: 100%;height: 100%;position: relative;overflow: hidden;padding:37% 0;}
.case-box ul li a>div img {width: 100%;height: 100%;position: absolute;top:0;left: 0;object-fit: cover;transition: .3s;}
.case-box ul li a p {font-size: 16px;color: #4e4e4e;text-align: center;padding-top: 3%;transition: .3s;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-box ul li:hover a>div img{transform:scale(1.1);}
.case-box ul li:hover a p {color: #1467b1;}

/*--------------------------------浜烘墠鎷涜仒------------------------------------------------------------------*/

.talent-box>p {text-align: center;font-size: 14px;color: #4e4e4e;margin-bottom: 4%;padding:0 2%;}
.ta-box{width: 100%;height: 100%;background-color: #ffffff;}
.talent-box .gangwei>dl {width: 100%;height: 50px;background-color: #1467b1;color: #ffffff;display: flex;justify-content: space-between;align-items: center;padding:0 4%;font-size: 16px;}
.talent-box .gangwei>dl dd {width: 33%;}
.talent-box .gangwei>dl dd:last-of-type{display: flex;justify-content: flex-end;}
.talent-box .gangwei>dl dd:nth-of-type(1){width: 34%;}
.talent-box .gangwei>dl dd:nth-of-type(2){width: 36%;}
.talent-box .gangwei>dl dd:nth-of-type(3){width: 28%;}
.talent-box .gangwei>ul{width: 100%;padding:0 5px;margin-bottom: 3%;}
.talent-box .gangwei>ul>li{margin-top: 10px;}
.talent-box .gangwei>ul>li dl {border:1px solid #ddd;height: 35px;width: 100%;display: flex;justify-content: space-between;align-items: center;padding:0 4%;font-size: 16px;color: #4e4e4e;}
/*.talent-box .gangwei>ul>li dl dd{width: 33%;}*/
.talent-box .gangwei>ul>li dl dd:nth-of-type(1){color: #1467b1;width: 34%;}
.talent-box .gangwei>ul>li dl dd:nth-of-type(2){width: 36%;}
.talent-box .gangwei>ul>li dl dd:nth-of-type(3){width: 28%;}
/*.talent-box .gangwei>ul>li dl dd {width: 33%;}*/
.talent-box .gangwei>ul>li dl dd:last-of-type{display: flex;justify-content: flex-end;}
.talent-box .gangwei>ul>li .ta-words{padding:2%;width: 100%;height: 100%;font-size: 14px;color: #4e4e4e;display: none;}
.talent-box .gangwei>ul>li .ta-words b {font-weight: normal;display: block;margin-bottom: 3%;}
.talent-box .gangwei>ul>li .ta-words span {display: block;margin-top:3%;}
.talent-box .gangwei>ul .li_act dl{background-color: #f7f7f7;border:1px solid #f7f7f7;}
.talent-box .gangwei>ul .li_act i{transform: rotateZ(90deg);transition: .5s;}
.talent-box .gangwei>ul>li .ta-words ul li {white-space:pre-wrap; }

/*---------------------------------鑱旂郴鎴戜滑----------------------------------------------------------*/
.contacts-box{padding:4% 0 5% 0;}
.contacts-box figure{width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
.contacts-box figure>div {width: 55%;height: 100%;position: relative;padding:13% 0;overflow: hidden;}
.contacts-box figure>div>div {width: 100%;height: 100%;position: absolute;top:0;left: 0;margin-top: 3%;}
.contacts-box figure figcaption{width: 40%;font-size:14px;color: #030000;}

/*-------------------------鍦ㄧ嚎鐣欒█-------------------------------------------------------------------------*/
.online-box{width: 100%;height: 100%;padding:4% 6% 5% 6%;}
.online-box span{display: block;font-size: 14px;color: #4e4e4e;}
.online-box p {font-size: 14px;color: #4e4e4e;}

.msg_form{padding:3% 0px; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.msg_form .col-md-4 span {display: inline-block;}
.msg_form .col-md-4{display: inline-block;width: 48%;}

.msg_form .col-md-4 input{
    width: 80%;
    height: 45px;
    background-color: transparent;
    padding-left: 2%;
   
    font-size: 16px;
   
    border: 1px solid #ddd;
    transition: .6s;
    margin-bottom: 3%;
    display: inline-block;
}
.msg_form .col-qq span{margin-left: 7%;}

.msg_form .col-md-4 input:focus{
    border: 1px solid #e67015;
    outline: none;
    transition: .6s
}
.msg_form .col-content{width: 100%;}
.msg_form .col-content input {width: 94%;padding: 6% 2%;}
.msg_form .form_btn {
    display: flex;
}
.msg_form figure{width: 100%;display: flex;justify-content: space-between;align-items: baseline;}
.msg_form .form_btn input {
    width: 140px;
    height: 45px;
    margin-left: 10px;
    cursor: pointer;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #4e4e4e;
    border:none;
    transition: .3s;
}
.msg_form .form_btn input:hover{background-color: #1467b1;color: #ffffff;}
/*.msg_form .form_btn .form_submit {
    color: #fff;
    background: #1467b1;
    border: 0;
}
*/
/*.msg_form .form_btn .form_submit_default {
    background: #1467b1;
    color: #fff;
}*/

/*.msg_form .form_btn .form_reset {
    border: 0;
    background: #d1d1d1;
    color: #fff;
}*/

.msg_form .ver_code {
    border-bottom: 0 !important;
    margin-top: 20px;
}

.msg_form .ver_code > p {
    display: inline-block;
    font-size: 18px;
}

.msg_form .ver_code .code-box {
    vertical-align: bottom;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    width: 240px;
    height: 40px;
    color: #fff;
    text-shadow: 1px 1px 1px black;
    background: rgba(0, 0, 0, 0.16);
    border: 0;
    border-radius: 5px;
    outline: none;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}

.msg_form .ver_code .code-box p, .msg_form .ver_code .code-box span {
    margin-top: 0 !important;
    color: #fff !important;
    display: block;
    position: absolute;
    left: 0;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}
.msg_form .ver_code .code-box span {
    width: 40px;
    font-family: "瀹嬩綋";
    font-size: 16px;
    cursor: pointer;
    background: #fff;
}

.msg_form .formCity{
    width: 100%;
    margin-right: 0px;
}

.ryze_none{
    display: none!important;}







/*---------------------------------妗堜緥瑙嗛寮圭獥----------------------------------------------------------*/
.case_video{
    display:none;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:800px;
    height:500px;
}
.case_video.active{
    display:block;
}
.case_video i{
    width:30px;
    height:30px;
    background:url("../img/xx.jpg") no-repeat;
    background-size:contain;
    position: absolute;
    top:-30px;
    right:0;
    cursor:pointer;
    z-index:9;
}
.case_video iframe{
    width:100%;
    height:100%;
    object-fit: contain;
}









/*=================閮ㄥ垎鍏叡鏍峰紡寮€濮婟========================*/


.clearfix:after {
    clear: both;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    visibility: hidden;
}
/*=================閮ㄥ垎鍏叡鏍峰紡            缁撴潫===================================*/